<template>
    <div class="crumbs">
        <template v-if="isShowTitle">
            <div class="line"></div>
            <div class="title">{{title }}</div>
            <div class="content" :style="{color:type == 'success'?'#37E495':'#FE4D2A'}">{{content }}</div>
        </template>
    </div>
</template>

<script>
  export default {
    name: "VonSmallCrumbs",
    props:{
      componentName:{
        type:String,
        default:''
      },
      title:{
        type:String,
        default:''
      },
      type:{
        type:String,
        default:'success'
      },
      content:{
        type:String,
        default:''
      },
      content1:{
        type:String,
        default:''
      },
      content2:{
        type:String,
        default:''
      },
      isShowTitle:{
        type:Boolean,
        default:true
      }
    }
  }
</script>

<style scoped lang="scss">
    .crumbs{
        width: 100%;
        height: 30px;
        padding-left: 10px;
        padding-right: 30px;
        display: flex;
        align-items: center;
        .line{
            width: 4px;
            height: 14px;
            background: #336CB5;
            margin-right: 20px;
        }
        .title{
            font-size: 14px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #B9C5DD;
        }
        .content{
            margin-left: auto;
        }
        .subTitle{
            margin-right: 20px;
            .title{
                width: 121px;
                height: 16px;
                font-size: 16px;
                font-family: Source Han Sans CN;
                font-weight: bold;
                color: #FEFFFF;
                line-height: 40px;
                margin-right: 10px;
            }
            .content{
                width: 132px;
                height: 16px;
                font-size: 16px;
                font-family: Source Han Sans CN;
                font-weight: bold;
                color: rgba(17, 255, 251, 1);
                line-height: 40px;
            }
        }
    }
</style>
